<template>
  <h3>邮箱消息：</h3>
  <div class="table">
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="name" label="发送人" width="180" />
      <el-table-column prop="subject" label="主题" width="180" />
      <el-table-column prop="time" label="接收时间" />
    </el-table>
  </div>
</template>

<script lang="ts" setup>
const tableData = [
  {
    name: '王老板',
    subject: '工作内容',
    time: '2024-06-15',
  },
  {
    name: '李先生',
    subject: '活动安排',
    time: '2024-06-15',
  },
  {
    name: '张小姐',
    subject: '日程安排',
    time: '2024-06-15',
  },
  {
    name: '黄女生',
    subject: '订单合同',
    time: '2024-06-15',
  },
]
</script>

<style>
.table {
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px;
}
</style>
